<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>2048</title>
	<meta name='viewport' content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">	
	<link rel="stylesheet" href="./css/my2048.css">
	<script src='./js/jquery.min.js'></script>
	<script src='./js/support2048.js'></script>
	<script src='./js/showAnimate2048.js'></script>
	<script src='./js/main2048.js'></script>
</head>
<body>
	<header class='clearfix'>
		<h1>2048</h1>
		<a href='javascript:newGame();' id='newGameButton'>New Name</a>
		<p>score:<span id='score'>0</span></p>
	</header>

	<div class="grid-container" id='grid-container'>
		<div class='grid-cell' id='grid-cell-0-0'></div>
		<div class='grid-cell' id='grid-cell-0-1'></div>
		<div class='grid-cell' id='grid-cell-0-2'></div>
		<div class='grid-cell' id='grid-cell-0-3'></div>

		<div class='grid-cell' id='grid-cell-1-0'></div>
		<div class='grid-cell' id='grid-cell-1-1'></div>
		<div class='grid-cell' id='grid-cell-1-2'></div>
		<div class='grid-cell' id='grid-cell-1-3'></div>

		<div class='grid-cell' id='grid-cell-2-0'></div>
		<div class='grid-cell' id='grid-cell-2-1'></div>
		<div class='grid-cell' id='grid-cell-2-2'></div>
		<div class='grid-cell' id='grid-cell-2-3'></div>

		<div class='grid-cell' id='grid-cell-3-0'></div>
		<div class='grid-cell' id='grid-cell-3-1'></div>
		<div class='grid-cell' id='grid-cell-3-2'></div>
		<div class='grid-cell' id='grid-cell-3-3'></div>

	</div>
</body>
</html>